<template>
  <div>
    <div class="info-item">
      <div class="info-title">
        <img src="/@/assets/images/detail_title.png" alt="" />
        送达信息
      </div>
      <div class="info-content">
        <a-row justify="space-between" align="middle">
          <a-col :span="12">
            <div class="user-files">
              <div class="user-files-title">· 承租人1号材料</div>
            </div>
            <a-row justify="space-between" align="middle">
              <a-col :span="11">
                <a-form-item label="李广军">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="联系电话">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="配偶 刘艺霖">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="配偶电话">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
            </a-row>
          </a-col>
          <a-col :span="11">
            <div class="user-files">
              <div class="user-files-title">· 保证人1号</div>
            </div>
            <a-row justify="space-between" align="middle">
              <a-col :span="11">
                <a-form-item label="李广军">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="联系电话">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="配偶 刘艺霖">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="配偶电话">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
            </a-row>
          </a-col>
          <a-col :span="12">
            <div class="user-files">
              <div class="user-files-title">· 回购人1号</div>
            </div>
            <a-row justify="space-between" align="middle">
              <a-col :span="11">
                <a-form-item label="法人姓名">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="联系人姓名">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="法人联系电话">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="联系人电话">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="法人身份证号">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="联系人身份证号">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
            </a-row>
          </a-col>
          <a-col :span="11">
            <div class="user-files">
              <div class="user-files-title">· 经销商信息</div>
            </div>
            <a-row justify="space-between" align="middle">
              <a-col :span="11">
                <a-form-item label="法人姓名">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="联系人姓名">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="法人联系电话">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="联系人电话">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="法人身份证号">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
              <a-col :span="11">
                <a-form-item label="联系人身份证号">
                  <a-input v-model="queryForm.a" placeholder="请输入" />
                </a-form-item>
              </a-col>
            </a-row>
          </a-col>
        </a-row>
      </div>
    </div>

    <div class="info-item">
      <div class="info-title">
        <img src="/@/assets/images/detail_title.png" alt="" />
        送达信息
      </div>
      <div class="info-content">
        <br />
        <a-row justify="space-between" align="middle">
          <a-col :span="8">
            <a-form-item label="计划起租日">
              <a-date-picker v-model:value="queryForm.a" />
            </a-form-item>
          </a-col>
          <a-col :span="8">
            <a-form-item label="计划终止日">
              <a-date-picker v-model:value="queryForm.a" />
            </a-form-item>
          </a-col>
          <a-col :span="6">
            <a-form-item label="租赁期限">
              <a-select ref="select" v-model:value="queryForm.a">
                <a-select-option value="jack">Jack</a-select-option>
                <a-select-option value="lucy">Lucy</a-select-option>
                <a-select-option value="disabled" disabled>Disabled</a-select-option>
                <a-select-option value="Yiminghe">yiminghe</a-select-option>
              </a-select>
            </a-form-item>
          </a-col>

          <a-col :span="24">
            <div class="user-files">
              <div class="user-files-title">· 1号租赁物情况</div>
            </div>
            <a-row justify="space-between" align="middle">
              <a-col :span="7">
                <a-form-item label="发动机号">
                  <a-textarea v-model:value="queryForm.a" placeholder="Basic usage" :rows="4" />
                </a-form-item>
              </a-col>
              <a-col :span="7">
                <a-form-item label="机架号">
                  <a-textarea v-model:value="queryForm.a" placeholder="Basic usage" :rows="4" />
                </a-form-item>
              </a-col>
              <a-col :span="7">
                <a-form-item label="其他内容">
                  <a-textarea v-model:value="queryForm.a" placeholder="Basic usage" :rows="4" />
                </a-form-item>
              </a-col>
            </a-row>
          </a-col>
        </a-row>
      </div>
    </div>

    <div class="info-item">
      <div class="info-title">
        <img src="/@/assets/images/detail_title.png" alt="" />
        金租放款账户
      </div>
      <div class="info-content">
        <br />
        <a-row justify="flex-start" align="middle">
          <a-col :span="7">
            <a-form-item label="开户银行">
              <a-input v-model:value="queryForm.a" />
            </a-form-item>
          </a-col>
          <br />
          <a-col :span="7">
            <a-form-item label="银行卡号">
              <a-input v-model:value="queryForm.a" />
            </a-form-item>
          </a-col>
        </a-row>
      </div>
    </div>
    <div class="info-item">
      <div class="info-title">
        <img src="/@/assets/images/detail_title.png" alt="" />
        金租放款账户
      </div>
      <div class="info-content">
        <div>
          <div class="user-files">
            <div class="user-files-title">
              · 收款账户(1)
              <div>
                <span><a-input style="width: 300px" v-model="queryForm.a" placeholder="请输入账户名称或银行账号" /></span>
                <span><a-button class="submit">匹配信息</a-button></span>
              </div>
            </div>
          </div>
          <a-row justify="space-between" align="middle">
            <a-col :span="9">
              <a-form-item label="收款人类型">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="收款账户类型">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="账户名称">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="身份证号(如有)">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="银行卡号">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="开户银行">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="联行号银行名称">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="开户银行联行号">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
          </a-row>
        </div>
        <div>
          <div class="user-files">
            <div class="user-files-title">
              · 收款账户(2)

              <div>
                <span><a-input style="width: 300px" v-model="queryForm.a" placeholder="请输入账户名称或银行账号" /></span>
                <span><a-button class="submit">匹配信息</a-button></span>
              </div>
            </div>
          </div>
          <a-row justify="space-between" align="middle">
            <a-col :span="9">
              <a-form-item label="收款人类型">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="收款账户类型">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="账户名称">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="身份证号(如有)">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="银行卡号">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="开户银行">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="联行号银行名称">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
            <a-col :span="9">
              <a-form-item label="开户银行联行号">
                <a-input v-model="queryForm.a" placeholder="请输入" />
              </a-form-item>
            </a-col>
          </a-row>
        </div>
      </div>
    </div>

    <div class="info-item">
      <div class="info-title">
        <img src="/@/assets/images/detail_title.png" alt="" />
        预计回款账户
      </div>
      <div class="info-content">
        <br />
        <a-row justify="space-between" align="middle">
          <a-col :span="10">
            <a-form-item label="账户名称">
              <a-input v-model:value="queryForm.a" />
            </a-form-item>
          </a-col>
          <br />
          <a-col :span="10">
            <a-form-item label="开户银行">
              <a-input v-model:value="queryForm.a" />
            </a-form-item>
          </a-col>
          <a-col :span="10">
            <a-form-item label="银行卡号">
              <a-input v-model:value="queryForm.a" />
            </a-form-item>
          </a-col>
          <a-col :span="10">
            <a-form-item label="开户银行联行号">
              <a-input v-model:value="queryForm.a" />
            </a-form-item>
          </a-col>
        </a-row>
      </div>
    </div>
    <div style="text-align: center; padding-bottom: 20rem">
      <a-button class="submit" style="width: 270rem;">去签署</a-button>
    </div>
  </div>
</template>

<script setup>
  import { ref } from 'vue';
  const queryForm = ref({ a: '' });
</script>
<style scoped lang="less">
  @import url(../../rzApply/index.less);
  .info-content {
    padding: 0 !important;
  }
</style>
